<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="报修记录" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="content-item">
				<view class="flex justify-between">
					<view class="flex align-center">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/ico_bxjl.png" style="width: 28rpx;height: 28rpx;"></image>
						<text class="f26 margin-left-sm">{{serv_detail.time}}</text>
					</view>
					<text :class="[serv_detail.tipc=='待维修'?'text-dwx':'text-ywx']">{{serv_detail.tipc}}</text>
				</view>
				<view class="con-text">{{serv_detail.content}}</view>
				<view class="con-img">
					<view class="imt-item" v-for="(item,index) in serv_detail.image" :key="index">
						<image :src="item" mode="aspectFill"></image>
					</view>
				</view>
			</view>
		


		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			serv_detail:{
				content:"厨房漏水、墙面掉灰厨房漏水、墙面掉灰厨房漏水、墙面掉灰厨房漏水、墙面掉灰厨房漏水、墙面掉灰厨房漏水、墙面掉灰",
				image:[
					"https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png",
					"https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png",
					"https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png",
					"https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png"
				],
				tipc:"待维修",
				time:"2021.05.20 15:33"
			}
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {

	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.text-dwx{
		color: #FFB81E;
	}
	.text-ywx{
		color: #A6A6A6;
	}
	.con-text{
		margin-top: 60rpx;
		line-height: 50rpx;
	}
	.con-img{
		display: flex;
		flex-wrap: wrap;	
		margin-top: 52rpx;
		.imt-item{
			width: 160rpx;
			height: 160rpx;
			border-radius: 10rpx;
			overflow: hidden;
			margin-right: 22rpx;
			&:nth-child(4n+4){
				margin-right: 0;
			}
		}
	}
}
</style>
